#preloadedImages {
  background: linear-gradient(135deg, #F1F4F7 0%, #EDF5FF 100%) no-repeat;
  background-size: cover;
  background-image: url("https://web.sdk.qcloud.com/im/assets/images/background-zip.png");
}

.home {
  &-header {
    .menu {
      font-family: PingFangSC-Medium;
      font-weight: 500;
      color: #333333;
      letter-spacing: 0;
    }
  }

  &-menu {
    .logo {
      border-bottom: 1px solid #EAECF2;

      &-name {
        font-weight: 500;
        color: #000000;
      }

      p {
        font-weight: 500;
        color: #000000;

        &::before {
          background: #dddddd;
        }
      }
    }

    .menu-main {
      &-title {
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: #000000;
      }

      .menu-main-list {
        &-item {
          font-family: PingFangSC-Regular;
          font-weight: 400;

          label {
            color: #B5B5B5;
          }

          .step {
            background: rgba(81, 94, 136, 0.04);
            border: 1px solid #D2D6DC;
            color: #93989F;
          }

          a {
            color: #147AFF;
          }
        }

        .complete {
          label {
            color: #333333;
          }

          span {
            background: #147AFF;
          }
        }
      }
    }

    .menu-footer {
      &-list {
        &-item {
          a {
            span {
              background: #147AFF;
              box-shadow: 0 0.19rem 0.25rem 0 rgba(255, 255, 255, .7), 0 0.13rem 0.38rem 0 rgba(20, 122, 255, .55);

              text {
                font-family: PingFangSC-Regular;
                font-weight: 400;
                color: #FFFFFF;
                letter-spacing: 0;
              }
            }

            aside {
              h1 {
                font-family: PingFangSC-Regular;
                color: #000000;
                letter-spacing: 0;
              }
            }
          }
        }
      }
    }
  }

  &-TUIKit {
    background: #FFFFFF;
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .3);

    .setting {
      background: #e8e8e9;

      &-main {
        .userInfo {
          &-main {
            background: #FFFFFF;
            box-shadow: 0 1px 10px 0 rgba(2, 16, 43, 0.15);
          }

          .TUIProfile {
            background: rgba(0, 0, 0, .3);

            main {
              background: #FFFFFF;
            }
          }
        }

        &-list {
          .selected {
            background: #dddddd;
          }
        }
      }
    }

    &-main {
      .conversation {
        border-right: 1px solid #F4F5F9;

        .TUI-search {
          border-bottom: 1px solid #F4F5F9;
        }
      }

      .chat {
        &-default {
          h1 {
            font-family: PingFangSC-Medium;
            font-weight: 500;
            color: #000000;
            letter-spacing: 0;
          }

          p {
            font-family: PingFangSC-Regular;
            font-weight: 400;
            color: #666666;
            letter-spacing: 0;
          }
        }
      }
    }
  }
}

.status {
  background: #CFD7E0;
}

.status text {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #FFFFFF;
}

.showmore {
  background: #FFFFFF;
  box-shadow: 0 1px 10px 0 rgba(2, 16, 43, .15);
}

.show-profile span {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0;
}

.show-about span {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0;
}

.show-cut {
  border: 1px solid #E8E8E9;
}

.show-quit span {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0;
}

.show-about-box {
  background: #FFFFFF;

  main {
    header {
      h1 {
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: #000000;
        letter-spacing: 0;
      }
    }

    .sub {
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #999999;
      letter-spacing: 0;
    }
  }

  footer {
    a {
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #006EFF;
      letter-spacing: 0;
    }

    p {
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #999999;
      letter-spacing: 0;
    }
  }
}


.cancellation-box {
  background: #FFFFFF;

  main {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;

    text {
      color: #006EFF;
    }
  }
}

.dialog {
  background: rgba(0, 0, 0, 0.3);

  .title {
    h1 {
      font-family: PingFangSC-Medium;
      font-weight: 500;
      color: #000000;
      letter-spacing: 0;
    }
  }

  .btn {
    background: none;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    letter-spacing: 0;

    &-submit {
      border: 1px solid #E54545;
      color: #E54545;
    }

    &-default {
      background: #006EFF;
      border: 1px solid #006EFF;
      color: #FFFFFF;
    }
  }
}

.disclaimer-box {
  background: #FFFFFF;

  main {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
  }
}

.home-h5 {
  .dialog {
    .btn {
      &-default {
        background: none;
        color: #006EFF;
      }
    }
  }
}


// 公共样式
.bottom-line {
  border-bottom: 1px solid #EAECF2;
}

.btn-text {
  cursor: pointer;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #006EFF;
  letter-spacing: 0;
}